<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcut icon" href="img/TuringMaker.ico">
  <title>图灵创客</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/animate.css">
  <link rel="stylesheet" href="http://apps.bdimg.com/libs/fontawesome/4.4.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="css/jquery.bxslider.css">
	<link href="css/style.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
 <!-- Navigation -->
  <nav class="navbar navbar-default navbar-static" role="navigation">
    <div class="container">
      <div class="row">
        <!-- logo -->
        <div class="col-xs-2 col-sm-2 col-md-2">
          <a class="navbar-brand site-logo" href="index.html"><span>TuringMaker</span></a>
        </div>

        <!-- navbar -->
        <div class="col-xs-10 col-sm-10 col-md-10">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#my-main-navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          </div>

          <div class="collapse navbar-collapse" id="my-main-navbar">
            <ul class="nav nav-pills navbar-right" role="tablist">
              <li role="presentation"><a href="platform.html">创客平台</a></li>
              <li role="presentation" class="active"><a href="#">社区交流</a></li>
              <li role="presentation"><a href="shopping.html">电子商务</a></li>
              <li role="presentation"><a href="education.html">教育机构</a></li>
              <li class="btn-group">
                <a  class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  <span class="glyphicon glyphicon-user" style="color:#6666FF;" aria-hidden="true"></span>
                  <span class="caret" style="color:#6666FF;"></span>
                </a>
                <ul class="dropdown-menu">
                  <li><a href="#">登陆</a></li>
                  <li><a href="#">注册</a></li>
                  <!-- <li><a href="#">Something else here</a></li> -->
                  <li role="separator" class="divider"></li>
                  <li><a href="#">离开</a></li>
                </ul>
              </li>
            </ul>
          </div>

        </div>

      </div>
      <!-- end row -->
    </div>
  </nav>
  <!-- /Navigation -->
	
	<div class="breadcrumb">
		<h2>Events</h2>
	</div>
	
	<div class="events">
		<div class="container">
			<div class="col-md-4">
				<div class="slider">
					<div class="img-responsive">
						<ul class="bxslider">				
							<li><img src="img/1.jpg" alt=""/></li>								
							<li><img src="img/2.jpg" alt=""/></li>	
							<li><img src="img/3.jpg" alt=""/></li>			
						</ul>
					</div>	
				</div>
			</div>
			<div class="col-md-8">
				<h2>Jessa's 5th Birthday</h2>
				Sunday, September 26th at 7:00 pm
				<p>
				praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias 
				excepturi sint Voluptatem accusantium doloremque laudantium sprea totam rem aperiam
				praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias 
				excepturi sint Voluptatem accusantium doloremque laudantium sprea totam rem aperiam
				<br>			
				praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias 
				excepturi sint Voluptatem accusantium doloremque laudantium sprea totam rem aperiam
				praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias 
				excepturi sint Voluptatem accusantium doloremque laudantium sprea totam rem aperiam
				</p>		
			</div>
		</div>
		
		<div class="container">
			<div class="col-md-4">
				<div class="slider">
					<div class="img-responsive">
						<ul class="bxslider">				
							<li><img src="img/3.jpg" alt=""/></li>								
							<li><img src="img/2.jpg" alt=""/></li>	
							<li><img src="img/1.jpg" alt=""/></li>			
						</ul>
					</div>	
				</div>
			</div>
			<div class="col-md-8">
				<h2>Jessica's 5th Birthday</h2>
				Sunday, September 26th at 7:00 pm
				<p>
				praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias 
				excepturi sint Voluptatem accusantium doloremque laudantium sprea totam rem aperiam
				praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias 
				excepturi sint Voluptatem accusantium doloremque laudantium sprea totam rem aperiam
				<br>			
				praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias 
				excepturi sint Voluptatem accusantium doloremque laudantium sprea totam rem aperiam
				praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias 
				excepturi sint Voluptatem accusantium doloremque laudantium sprea totam rem aperiam
				</p>
			</div>
		</div>
		<div class="jessa">
			<div class="container">
				<div class="col-md-4">
					<div class="slider">
						<div class="img-responsive">
							<ul class="bxslider">				
								<li><img src="img/2.jpg" alt=""/></li>								
								<li><img src="img/3.jpg" alt=""/></li>	
								<li><img src="img/1.jpg" alt=""/></li>			
							</ul>
						</div>	
					</div>
				</div>				
				<div class="col-md-8">
					<h2>James 5th Birthday</h2>
					Sunday, September 26th at 7:00 pm
					<p>
					praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias 
					excepturi sint Voluptatem accusantium doloremque laudantium sprea totam rem aperiam
					praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias 
					excepturi sint Voluptatem accusantium doloremque laudantium sprea totam rem aperiam
					<br>			
					praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias 
					excepturi sint Voluptatem accusantium doloremque laudantium sprea totam rem aperiam
					praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias 
					excepturi sint Voluptatem accusantium doloremque laudantium sprea totam rem aperiam
					</p>
				</div>				
			</div>	
		</div>
	</div>	
	<div class="container">
		<nav>
			<ul class="pagination">
			<li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
			<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
			<li><a href="#">2 <span class="sr-only">(current)</span></a></li>
			<li><a href="#">3 <span class="sr-only">(current)</span></a></li>
			<li><a href="#">4 <span class="sr-only">(current)</span></a></li>
			</ul>
		</nav>
	</div>
	
  <footer>
    <div class="inner-footer">
      <div class="container">
        <div class="row">
          <div class="col-md-4 f-about">
            <a href="index.html"><h1>关于我们</h1></a>
            <p>武汉图灵创客科技有限公司是中国湖北省武汉市洪山区的一家做创新教育社交的创业型公司。我们致力于建设国内第一个K12创新教育社交平台，让创新流行起来，为中国的青少年提供一个创新的平台，充分提高K12学生的创新能力。</p>
          </div>

          <div class="col-md-4 l-posts">
            <h3 class="widgetheading">友情链接</h3>
            <ul>
              <li><a href="http://getbootstrap.com/">Bootstrap</a></li>
              <li><a href="http://www.easylinkin.com/">武汉慧联无限科技有限公司</a></li>
              <li><a href="http://www.hust.edu.cn/">华中科技大学</a></li>
              <!-- <li><a href="#">Wow, this is fourth post title</a></li> -->
            </ul>
          </div>

          <div class="col-md-4 f-contact">
            <h3 class="widgetheading">联系我们</h3>
            <a href="#"><p><i class="fa fa-envelope"></i> turingmaker@qq.com</p></a>
            <p><i class="fa fa-qq"></i>  3512191169</p>
            <p><i class="fa fa-phone"></i>  +086 132 xxxx xxxx</p>
            <p><i class="fa fa-home"></i> TuringMaker inc  |  武汉市洪山区珞瑜路1037号 <br>中国湖北省武汉市</p>
          </div>

        </div>
      </div>
    </div>

    <div class="last-div">
      <div class="container">
        <div class="copyright">
          © Copyright 2016 武汉图灵创客科技有限公司 | <a href="http://turingmaker.com">TuringMaker</a>
        </div>
        <ul class="social-network">
          <li><a href="#" data-placement="top" title="qq"><i class="fa fa-qq" aria-hidden="true"></i></a></li>
          <li><a href="#" data-placement="top" title="Weibo"><i class="fa fa-weibo fa-1x"></i></a></li>
          <li><a href="#" data-placement="top" title="Linkedin"><i class="fa fa-wechat fa-1x"></i></a></li>
          <li><a href="#" data-placement="top" title="Pinterest"><i class="fa fa-linkedin fa-1x"></i></a></li>
          <li><a href="#" data-placement="top" title="Google plus"><i class="fa fa-google-plus fa-1x"></i></a></li>
        </ul>
      </div>
    </div>
  </footer>
	
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-2.1.1.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
	<script src="js/wow.min.js"></script>
	<script src="js/jquery.easing.1.3.js"></script>
	<script src="js/jquery.bxslider.min.js"></script>
	<script src="js/jquery.isotope.min.js"></script>
	<script src="js/fancybox/jquery.fancybox.pack.js"></script>
	<script src="js/functions.js"></script>
	<script>
	wow = new WOW(
	 {
	
		}	) 
		.init();
	</script>
  </body>
</html>